body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}
a {
	text-decoration: none;
	color: black;
}
#tab{
	list-style:none;
	margin:10px; 
	padding:0;
	overflow: auto;
}
#tab li{
	cursor: default;color: #6e6e6e;
	font: 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 7px 12px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
}
 
#left{
	border-top-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	border: solid 1px #d8d8d8;
	margin-right:-5px;
}
#center{ 
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: solid 1px #d8d8d8;
	margin-right:-5px;
}
#right{
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	border-bottom-right-radius: 2px;
	border: solid 1px #d8d8d8;
}
 
#center:hover{ border-color: #c6c6c6; }
 
#tab li.active{
border: solid 1px #c6c6c6;
background: -webkit-linear-gradient(top,#EEE,#E0E0E0);
background: -moz-linear-gradient(top,#EEE,#E0E0E0);
background: -ms-linear-gradient(top,#EEE,#E0E0E0);
background: -o-linear-gradient(top,#EEE,#E0E0E0);
background: linear-gradient(top,#EEE,#E0E0E0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}


.main{
	max-width:720px;
	margin:0 auto;
}
.book{
	border:1px solid #ddd;
	border-radius:3px;
	margin:5px 0;
	padding:5px;
	overflow:hidden;
}
.book_title{
	font-size:15px;
}
.pager a{
	display:inline-block;
	margin:4px 1px;
	padding:4px 7px;
	border-radius:3px;
	border: solid 1px #c6c6c6;
	background: -webkit-linear-gradient(top,#F5F5F5,#E0E0E0);
	background: -moz-linear-gradient(top,#F5F5F5,#E0E0E0);
	background: -ms-linear-gradient(top,#F5F5F5,#E0E0E0);
	background: -o-linear-gradient(top,#F5F5F5,#E0E0E0);
	background: linear-gradient(top,#F5F5F5,#E0E0E0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.pager .mob_selected{
	border: solid 1px #b6b6b6;
	background:#999;
	color:#fff;
	padding:4px 7px;
	border-radius:3px;
}
.page{
	text-align:justify;
}
.page p{
	text-indent: 20px;
}
.page .take_h1{
	text-align:center;
	font-weight:bold;
	font-size:15px;
}

.book .cover img{
	width:100%;
	height:auto;
}

@media only screen and (min-width: 400px) {
	.book .cover{
		float:left;
		width:200px;
		min-height:200px;
	}
	.book .content{
		margin-left:210px;
	}
}
